<template>
  <f7-page>
    <f7-navbar :title="$t('m.esr1')" back-link=" "></f7-navbar>

    <div class="content-padding margin-t20 my-record">
      <div class="my-card" v-for="(item, index) in logs" :key="index">
        <p>{{$t('m.esr7')}}：ZOL <span>{{$t('m.esr2')}}：{{item.coin_num}}</span></p>
        <p>{{$t('m.esr3')}}：{{$t('m.es4')}} <span>{{$t('m.esr4')}}：{{item.num}}</span></p>
        <p>{{$t('m.esr5')}}：{{$t('m.es5')}} <span>{{$t('m.esr4')}}：{{item.jifen_num}}</span></p>
        <p>{{$t('m.esr6')}}：{{$moment(item.add_time * 1000).format('YYYY-MM-DD HH:mm')}}</p>
      </div>
    </div>
  </f7-page>
</template>

<script>
  import { getGuquanList } from "../api/wealth";

  export default {
    name: "equity-swap-record",
    data() {
      return {
        logs: [],
      }
    },
    mounted() {
      this.init();
    },
    methods: {
      init() {
        getGuquanList().then(res => {
          this.logs = res.data;
        })
      }
    }
  }
</script>

<style scoped lang="scss">
  .my-card {
    margin-bottom: $padding20;
  }
  .my-record {
    p {
      color: $color8b;
      padding: 10px 0;
      display: flex;
      justify-content: space-between;
    }
  }
</style>
